.hidden-text-1{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.hidden-text-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hidden-text-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

div::-webkit-scrollbar,
html::-webkit-scrollbar,
.layout::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

div::-webkit-scrollbar-track,
html::-webkit-scrollbar-track,
.layout::-webkit-scrollbar-track {
    background-color: #fff;
    // -webkit-border-radius: 2em;
    // -moz-border-radius: 2em;
    // border-radius: 2em;
}

div::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
.layout::-webkit-scrollbar-thumb {
    // background-color: #f1f0f5;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

// 面包屑
.nav-bar{
  padding: 20px;
  border-bottom: 1px solid #eee;
}

.common-box {
  height: 100%;
}

.container-main{
  padding: 0 15px;
  padding-top: 15px;
  height: calc(100% - 65px);
}

.main-table{
  padding: 15px 0;
}

.main-page{
  display: flex;
  justify-content: flex-end;
  margin: 10px 0;
}
